<template>
  <div>
    <h2>内容在 scoped3内，设置为红色</h2>
    <h2>scoped3 里面设置为红色</h2>
    <h2>scoped2 里面是绿色，</h2>
    <h2>scoped1 里面是蓝色</h2>
  </div>
</template>

<script>
export default {
  name: 'scoped3',
  components: {},
  data () {
    return {}
  }
}
</script>

<style lang='less' scoped>
h2 {
  color: red;
}
</style>
<style lang='less'>
h3 {
  color: red;
}
</style>
